<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/index.css">
    <title>爱学项目院</title>
</head>

<body>
    <div class="head">
        <nav class="nav">
            <div class="nav-logo">
                <img src="img/logo_blue.png" alt="">
                <span>爱学项目院</span>
            </div>
            <ul class="nav-text">
                <li>首页</li>
                <li>项目学习</li>
                <li>wiki知识库</li>
                <li>在线学习</li>
            </ul>
            <div class="search">
                <div class="search-login">
                    <img style="margin-left: 40px;" src="img/微信图片_20210927095403.png" alt="">
                    <a href=" "><span style="margin-left: 20px;">登录 | 注册</span></a>
                </div>
                <div class="search-input">
                    <input type="text"><img src="img/search.png" alt="">
                </div>
            </div>
        </nav>
    </div>
    <div class="content">
        <div class="content-lun">
            <div class="content-lun-text">
                <div class="content-lun-text-padding">
                    <div class="content-lun-text-wen">
                        <h2>JavaScript</h2>
                        <span>JavaScript</span>
                        <span>JavaScript</span>
                        <span>Java</span>
                    </div>
                    <div class="content-lun-text-wen">
                        <h2>Python</h2>
                        <span>Python</span>
                        <span>Python</span>
                        <span>Python</span>
                    </div>
                    <div class="content-lun-text-wen">
                        <h2>Web前端</h2>
                        <span>Python</span>
                        <span>Python</span>
                        <span>Pandas</span>
                    </div>
                    <div class="content-lun-text-wen">
                        <h2>UI设计</h2>
                        <span>Python</span>
                        <span>Python</span>
                        <span>Pandas</span>
                    </div>
                </div>
            </div>
            <div class="content-lun-img">
                <img style="height: 460px;" src="img/lunbo.png" alt="">
            </div>
        </div>
        <div class="content-wiki">
            <div class="content-wiki-title">
                <img src="img/decorate.png" />
                <span id="title">项目学习</span>
                <ul>
                    <li>精选栏目</li>
                    <li>最新项目</li>
                    <li>我的项目</li>
                </ul>
                <a>更多></a>
            </div>
            <div class="list">
                <div class="list-eight">
                    <div class="list-eight-img">
                        <img style="border-radius: 10px;width: 278px;" src="img/xiangmuxuexi.png" alt="">
                    </div>
                    <div class="list-eight-text">
                        <span>十个实用Python小技巧</span>
                        <span>办公自动化，小爬虫，数据分析，Pytho...</span>
                        <div class="list-tubiao">
                            <div><img src="img/scan.png" alt="">112</div>
                            <div><img src="img/shoucang.png" alt="">98</div>
                            <div><img src="img/sold.png" alt="">12</div>
                        </div>
                    </div>
                </div>
                <div class="list-eight">
                    <div class="list-eight-img">
                        <img style="border-radius: 10px;width: 278px;" src="img/xiangmuxuexi.png" alt="">
                    </div>
                    <div class="list-eight-text">
                        <span>十个实用Python小技巧</span>
                        <span>办公自动化，小爬虫，数据分析，Pytho...</span>
                        <div class="list-tubiao">
                            <div><img src="img/scan.png" alt="">112</div>
                            <div><img src="img/shoucang.png" alt="">98</div>
                            <div><img src="img/sold.png" alt="">12</div>
                        </div>
                    </div>
                </div>
                <div class="list-eight">
                    <div class="list-eight-img">
                        <img style="border-radius: 10px;width: 278px;" src="img/xiangmuxuexi.png" alt="">
                    </div>
                    <div class="list-eight-text">
                        <span>十个实用Python小技巧</span>
                        <span>办公自动化，小爬虫，数据分析，Pytho...</span>
                        <div class="list-tubiao">
                            <div><img src="img/scan.png" alt="">112</div>
                            <div><img src="img/shoucang.png" alt="">98</div>
                            <div><img src="img/sold.png" alt="">12</div>
                        </div>
                    </div>
                </div>
                <div class="list-eight" style="margin-right: 0px;">
                    <div class="list-eight-img">
                        <img style="border-radius: 10px;width: 278px;" src="img/xiangmuxuexi.png" alt="">
                    </div>
                    <div class="list-eight-text">
                        <span>十个实用Python小技巧</span>
                        <span>办公自动化，小爬虫，数据分析，Pytho...</span>
                        <div class="list-tubiao">
                            <div><img src="img/scan.png" alt="">112</div>
                            <div><img src="img/shoucang.png" alt="">98</div>
                            <div><img src="img/sold.png" alt="">12</div>
                        </div>
                    </div>
                </div>
                <div class="list-eight">
                    <div class="list-eight-img">
                        <img style="border-radius: 10px;width: 278px;" src="img/xiangmuxuexi.png" alt="">
                    </div>
                    <div class="list-eight-text">
                        <span>十个实用Python小技巧</span>
                        <span>办公自动化，小爬虫，数据分析，Pytho...</span>
                        <div class="list-tubiao">
                            <div><img src="img/scan.png" alt="">112</div>
                            <div><img src="img/shoucang.png" alt="">98</div>
                            <div><img src="img/sold.png" alt="">12</div>
                        </div>
                    </div>
                </div>
                <div class="list-eight">
                    <div class="list-eight-img">
                        <img style="border-radius: 10px;width: 278px;" src="img/xiangmuxuexi.png" alt="">
                    </div>
                    <div class="list-eight-text">
                        <span>十个实用Python小技巧</span>
                        <span>办公自动化，小爬虫，数据分析，Pytho...</span>
                        <div class="list-tubiao">
                            <div><img src="img/scan.png" alt="">112</div>
                            <div><img src="img/shoucang.png" alt="">98</div>
                            <div><img src="img/sold.png" alt="">12</div>
                        </div>
                    </div>
                </div>
                <div class="list-eight">
                    <div class="list-eight-img">
                        <img style="border-radius: 10px;width: 278px;" src="img/xiangmuxuexi.png" alt="">
                    </div>
                    <div class="list-eight-text">
                        <span>十个实用Python小技巧</span>
                        <span>办公自动化，小爬虫，数据分析，Pytho...</span>
                        <div class="list-tubiao">
                            <div><img src="img/scan.png" alt="">112</div>
                            <div><img src="img/shoucang.png" alt="">98</div>
                            <div><img src="img/sold.png" alt="">12</div>
                        </div>
                    </div>
                </div>
                <div class="list-eight" style="margin-right: 0px;">
                    <div class="list-eight-img">
                        <img style="border-radius: 10px;width: 278px;" src="img/xiangmuxuexi.png" alt="">
                    </div>
                    <div class="list-eight-text">
                        <span>十个实用Python小技巧</span>
                        <span>办公自动化，小爬虫，数据分析，Pytho...</span>
                        <div class="list-tubiao">
                            <div><img src="img/scan.png" alt="">112</div>
                            <div><img src="img/shoucang.png" alt="">98</div>
                            <div><img src="img/sold.png" alt="">12</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="white">
        <div class="content-wiki2">
            <div class="content-wiki-title">
                <img src="img/decorate.png" />
                <span id="title">wike知识库</span>
                <ul>
                    <li>推荐wiki</li>
                    <li>我的wiki</li>
                </ul>
                <a>更多></a>
            </div>
            <div class="content-wiki2-list">
                <div class="content-wiki2-img">
                    <img src="img/wiki.png" alt="">
                </div>
                <div class="content-wike2-text">
                    <div class="content-wiki2-title">
                        <span>设计教程</span>
                        <h2>新手自学UI设计，这几点你要清楚 </h2>
                    </div>
                    <div class="content-wiki2-p">
                        <span>UI只是一个简称，全称是User Interface即用户界面设计，指的是对于所有软件的界面美观操作逻辑、人机.....
                        </span>
                        <button><img src="img/scan.png" alt="">查看</button>
                    </div>
                    <div class="content-wiki2-tubiao">
                        <div class="paddingbox">
                            <div class="padding"><img src="img/scan.png" alt="">112</div>
                            <div class="padding"><img src="img/shoucang.png" alt="">98</div>
                            <div class="padding"><img src="img/sold.png" alt="">12</div>
                        </div>
                        <div>
                            <button>
                                <img src="img/collection.png" />
                                <div>收藏</div>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-wiki2-list">
                <div class="content-wiki2-img">
                    <img src="img/wiki.png" alt="">
                </div>
                <div class="content-wike2-text">
                    <div class="content-wiki2-title">
                        <span>设计教程</span>
                        <h2>新手自学UI设计，这几点你要清楚 </h2>
                    </div>
                    <div class="content-wiki2-p">
                        <span>UI只是一个简称，全称是User Interface即用户界面设计，指的是对于所有软件的界面美观操作逻辑、人机.....
                        </span>
                        <button><img src="img/scan.png" alt="">查看</button>
                    </div>
                    <div class="content-wiki2-tubiao">
                        <div class="paddingbox">
                            <div class="padding"><img src="img/scan.png" alt="">112</div>
                            <div class="padding"><img src="img/shoucang.png" alt="">98</div>
                            <div class="padding"><img src="img/sold.png" alt="">12</div>
                        </div>
                        <div>
                            <button>
                                <img src="img/collection.png" />
                                <div>收藏</div>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-wiki2-list">
                <div class="content-wiki2-img">
                    <img src="img/wiki.png" alt="">
                </div>
                <div class="content-wike2-text">
                    <div class="content-wiki2-title">
                        <span>设计教程</span>
                        <h2>新手自学UI设计，这几点你要清楚 </h2>
                    </div>
                    <div class="content-wiki2-p">
                        <span>UI只是一个简称，全称是User Interface即用户界面设计，指的是对于所有软件的界面美观操作逻辑、人机.....
                        </span>
                        <button><img src="img/scan.png" alt="">查看</button>
                    </div>
                    <div class="content-wiki2-tubiao">
                        <div class="paddingbox">
                            <div class="padding"><img src="img/scan.png" alt="">112</div>
                            <div class="padding"><img src="img/shoucang.png" alt="">98</div>
                            <div class="padding"><img src="img/sold.png" alt="">12</div>
                        </div>
                        <div>
                            <button>
                                <img src="img/collection.png" />
                                <div>收藏</div>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-wiki2-list">
                <div class="content-wiki2-img">
                    <img src="img/wiki.png" alt="">
                </div>
                <div class="content-wike2-text">
                    <div class="content-wiki2-title">
                        <span>设计教程</span>
                        <h2>新手自学UI设计，这几点你要清楚 </h2>
                    </div>
                    <div class="content-wiki2-p">
                        <span>UI只是一个简称，全称是User Interface即用户界面设计，指的是对于所有软件的界面美观操作逻辑、人机.....
                        </span>
                        <button><img src="img/scan.png" alt="">查看</button>
                    </div>
                    <div class="content-wiki2-tubiao">
                        <div class="paddingbox">
                            <div class="padding"><img src="img/scan.png" alt="">112</div>
                            <div class="padding"><img src="img/shoucang.png" alt="">98</div>
                            <div class="padding"><img src="img/sold.png" alt="">12</div>
                        </div>
                        <div>
                            <button>
                                <img src="img/collection.png" />
                                <div>收藏</div>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="content-wiki3">
            <div class="content-wiki-title">
                <img src="img/decorate.png" />
                <span id="title">wike知识库</span>
                <ul>
                    <li>热门练习</li>
                    <li>我的练习</li>
                </ul>
                <a>更多></a>
            </div>
        </div>
        <div class="content-wiki3-box">
            <div class="content-wiki3-list">
                <div class="content-wiki3-img">
                    <img style="width: 220px;" src="img/wiki1.png" alt="">
                </div>
                <div class="content-wiki3-text">
                    <span>Python基础一阶段基础练习</span>
                    <span>练习类型： 在线测试</span>
                    <span>参与人数： 122</span>
                </div>
                <div class="backmask"></div>
                <div class="mask">
                    <img src="img/collection.png" alt="">
                    <button>参与练习</button>
                </div>
            </div>
            <div class="content-wiki3-list">
                <div class="content-wiki3-img">
                    <img style="width: 220px;" src="img/wiki1.png" alt="">
                </div>
                <div class="content-wiki3-text">
                    <span>Python基础一阶段基础练习</span>
                    <span>练习类型： 在线测试</span>
                    <span>参与人数： 122</span>
                </div>
                <div class="backmask"></div>
                <div class="mask">
                    <img src="img/collection.png" alt="">
                    <button>参与练习</button>
                </div>
            </div>
            <div class="content-wiki3-list">
                <div class="content-wiki3-img">
                    <img style="width: 220px;" src="img/wiki1.png" alt="">
                </div>
                <div class="content-wiki3-text">
                    <span>Python基础一阶段基础练习</span>
                    <span>练习类型： 在线测试</span>
                    <span>参与人数： 122</span>
                </div>
                <div class="backmask"></div>
                <div class="mask">
                    <img src="img/collection.png" alt="">
                    <button>参与练习</button>
                </div>
            </div>
            <div class="content-wiki3-list">
                <div class="content-wiki3-img">
                    <img style="width: 220px;" src="img/wiki1.png" alt="">
                </div>
                <div class="content-wiki3-text">
                    <span>Python基础一阶段基础练习</span>
                    <span>练习类型： 在线测试</span>
                    <span>参与人数： 122</span>
                </div>
                <div class="backmask"></div>
                <div class="mask">
                    <img src="img/collection.png" alt="">
                    <button>参与练习</button>
                </div>
            </div>
            <div class="content-wiki3-list" id="last">
                <div class="content-wiki3-img">
                    <img style="width: 220px;" src="img/wiki1.png" alt="">
                </div>
                <div class="content-wiki3-text">
                    <span>Python基础一阶段基础练习</span>
                    <span>练习类型： 在线测试</span>
                    <span>参与人数： 122</span>
                </div>
                <div class="backmask"></div>
                <div class="mask">
                    <img src="img/collection.png" alt="">
                    <button>参与练习</button>
                </div>
            </div>
            <div class="content-wiki3-box">
                <div class="content-wiki3-list">
                    <div class="content-wiki3-img">
                        <img style="width: 220px;" src="img/wiki1.png" alt="">
                    </div>
                    <div class="content-wiki3-text">
                        <span>Python基础一阶段基础练习</span>
                        <span>练习类型： 在线测试</span>
                        <span>参与人数： 122</span>
                    </div>
                    <div class="backmask"></div>
                    <div class="mask">
                        <img src="img/collection.png" alt="">
                        <button>参与练习</button>
                    </div>
                </div>
                <div class="content-wiki3-list">
                    <div class="content-wiki3-img">
                        <img style="width: 220px;" src="img/wiki1.png" alt="">
                    </div>
                    <div class="content-wiki3-text">
                        <span>Python基础一阶段基础练习</span>
                        <span>练习类型： 在线测试</span>
                        <span>参与人数： 122</span>
                    </div>
                    <div class="backmask"></div>
                    <div class="mask">
                        <img src="img/collection.png" alt="">
                        <button>参与练习</button>
                    </div>
                </div>
                <div class="content-wiki3-list">
                    <div class="content-wiki3-img">
                        <img style="width: 220px;" src="img/wiki1.png" alt="">
                    </div>
                    <div class="content-wiki3-text">
                        <span>Python基础一阶段基础练习</span>
                        <span>练习类型： 在线测试</span>
                        <span>参与人数： 122</span>
                    </div>
                    <div class="backmask"></div>
                    <div class="mask">
                        <img src="img/collection.png" alt="">
                        <button>参与练习</button>
                    </div>
                </div>
                <div class="content-wiki3-list">
                    <div class="content-wiki3-img">
                        <img style="width: 220px;" src="img/wiki1.png" alt="">
                    </div>
                    <div class="content-wiki3-text">
                        <span>Python基础一阶段基础练习</span>
                        <span>练习类型： 在线测试</span>
                        <span>参与人数： 122</span>
                    </div>
                    <div class="backmask"></div>
                    <div class="mask">
                        <img src="img/collection.png" alt="">
                        <button>参与练习</button>
                    </div>
                </div>
                <div class="content-wiki3-list" id="last">
                    <div class="content-wiki3-img">
                        <img style="width: 220px;" src="img/wiki1.png" alt="">
                    </div>
                    <div class="content-wiki3-text">
                        <span>Python基础一阶段基础练习</span>
                        <span>练习类型： 在线测试</span>
                        <span>参与人数： 122</span>
                    </div>
                    <div class="backmask"></div>
                    <div class="mask">
                        <img src="img/collection.png" alt="">
                        <button>参与练习</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="partner">
            <h1>合作伙伴</h1>
            <div class="partner-img">
                <img src="img/guanggao1.png" alt="">
                <img src="img/guanggao2.png" alt="">
                <img src="img/guanggao3.png" alt="">
                <img src="img/guanggao4.png" alt="">
                <img src="img/guanggao5.png" alt="">
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer-content">
            <div class="footer-logo">
                <img src="img/logo_blue.png" alt="">
            </div>
            <div class="footer-center">
                <div class="footer-ul">
                    <ul>
                        <li>网站首页</li>
                        <li>帮助中心</li>
                        <li>联系我们</li>
                        <li>客服服务</li>
                        <li>隐私政策</li>
                        <li>广告服务</li>
                        <li>网站地图</li>
                        <li>意见反馈</li>
                    </ul>
                </div>
                <div class="footer-copyright">
                    <p>Copyright @www.88888.com, All Rights Reserved.爱学项目院做项目学技术助你快速实现自己的互联网开发梦
                    </p>
                </div>
            </div>
            <div class="wechat">
                <p>24小时客服 400-000-0000</p>
                <div class="wechat-img">
                    <img src="img/WeChat.png" alt="">
                    <img src="img/QQ.png" alt="">
                    <img src="img/weibo.png" alt="">
                </div>
            </div>
        </div>
    </div>
</body>

</html>